<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <title>靓的仔</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <!-- header栏 -->
    <header class="header">
        <div class="slogan" id="slogan">
            <h1 class="hidepage">这</h1>
            <h1 class="hidepage">是 我 的 Blog</h1>
        </div>
        <div class="photo">
            <a href="preview_edition/index.html">
                <img src="images/photo.jpg">
                <span>靓</span><span>的</span><span>仔</span>
            </a>
        </div>
    </header>
    <!-- 时间栏 -->
    <section class="time">
        <!--钟-->
        <div class="clock">
            <div class="outside">
                <div class="dot1"></div>
                <div class="dot2"></div>
                <div class="point"></div>
                <div class="point"></div>
                <div class="point"></div>
                <div class="point"></div>
                <div class="point"></div>
                <div class="point"></div>
                <div class="point"></div>
                <div class="point"></div>
                <div class="point"></div>
                <div class="point"></div>
                <div class="point"></div>
                <div class="point"></div>
                <div class="sec" id="sec"></div>
                <div class="min" id="min"></div>
                <div class="hour" id="hr"></div>
            </div>
        </div>
        <!-- 距离升本 -->
        <div class="info">
            <h4 id="wave">距离专升本还有</h4>
            <div class="row"><span class="day" id="days"></span></div>
            <div class="row"><span class="hr" id="hrs"></span></div>
            <div class="row"><span class="min" id="mins"></span></div>
            <div class="row"><span class="sec" id="secs"></span></div>
            <div class="row"><span class="ms" id="ms"></span></div>
            <div class="row">That day will be romantic</div>
        </div>
    </section>
    <div class="urge">
        <h1>希望有一天梦可以照进现实</h1>
        <h1>希望有一天我可以活得自由</h1>
    </div>
    <footer class="footer">
        <div class="hd">我的博客：</div>
        <div class="bd">
            <div class="java">
                <a href="preview_Java/index.html">
                    <img src="images/java.jpg">
                    <p>Java</p>
                </a>
            </div>
            <div class="unkown"><a href="#"><img src="images/unkown.jpg">
                    <p>待上线</p>
                </a></div>
            <div class="unkown"><a href="#"><img src="images/unkown.jpg">
                    <p>待上线</p>
                </a></div>
            <div class="mylife"><a href="preview_Mylife/index.html"><img src="images/photo.jpg">
                    <p>Mylife</p>
                </a></div>
        </div>
    </footer>
</body>

<script src="js/index.js"></script>

</html>